<template>
  <!-- 组建的结构 -->
  <div class="demo">
    <h2>学校名称：{{ name }}</h2>
    <h2>学校地址：{{ address }}</h2>
  </div>
</template>

<script>
// 组件交互相关的代码（数据、方法等等）
// 要把组件暴露出去
export default {
  name: "SchoolName",
  data() {
    return {
      name: "pu",
      address: "nanjing",
    };
  },
};
//第二种： 默认暴露
// export default school
// 第二种
// export {}
// 第三种
// 在组件最前面加export
</script>

<style>
/* 组建的样式 */
.demo {
  background-color: skyblue;
}
</style>